<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Cache-Control" content="max-age=180">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <title>account</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/account.css">

</head>
<body>
<header>
    <p>账号</p>
    <img src="images/1-list.png" alt="">
</header>
<main id="main">
    <div id="main-1">
        <img src="images/pic-7.JPG" alt="">
    </div>
    <div id="main-2">
        <p>淡淡的芦苇</p>
        <span><i>Lv 8</i> </span>
    </div>
    <div id="main-3">
        <span>已签到 ></span>
    </div>
</main>
<nav id="nav">
    <div class="nav-div">
        <p>动态</p>
        <p>80</p>
    </div>
    <div class="nav-div">
        <p>关注</p>
        <p>20</p>
    </div>
    <div class="nav-div">
        <p>粉丝</p>
        <p>6</p>
    </div>
    <div id="nav-div-last">
        <img src="images/account-edit.png" alt="" class="nav-div-img">
        <p>我的资料</p>
    </div>
</nav>
<section id="section">
    <div class="section-div" style="margin-top: 0.5rem">
        <img src="images/account-1.png" alt="">
        <span>我的消息</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div" style="margin-top: 0.5rem">
        <img src="images/account-2.png" alt="">
        <span>我的会员</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-3.png" alt="">
        <span>商城</span>
        <img src="images/right.png" alt="">
    </div>

    <div class="section-div">
        <img src="images/account-4.png" alt="">
        <span>游戏推荐：明日之后</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-5.png" alt="">
        <span>在线听歌免流量</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div" style="margin-top: 0.5rem">
        <img src="images/account-6.png" alt="">
        <span>设置</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-7.png" alt="">
        <span>扫一扫</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-8.png" alt="">
        <span>个性换装</span>
        <span style="padding-left: 10%;width: 19%;">官方红</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-9.png" alt="">
        <span>夜间模式</span>
    </div>
    <div class="section-div">
        <img src="images/account-10.png" alt="">
        <span>音乐闹钟</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-11.png" alt="">
        <span>驾驶模式</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-12.png" alt="">
        <span>亲子频道</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-13.png" alt="">
        <span>小冰电台</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div">
        <img src="images/account-14.png" alt="">
        <span>优惠券</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div" style="margin-top: 0.5rem">
        <img src="images/footer-1new.png" alt="">
        <span>加入网易云</span>
        <a href="account-alive.html" style="width: 10%;margin-left: 2rem">
            <img src="images/right.png" alt="" style="width: 80%">
        </a>

    </div>
    <div class="section-div">
        <img src="images/account-15.png" alt="">
        <span>分享网易云音乐</span>
        <img src="images/right.png" alt="">
    </div>
    <div class="section-div" style="margin-bottom: 3rem">
        <img src="images/account-16.png" alt="">
        <span>关于</span>
        <img src="images/right.png" alt="">
    </div>
</section>
<footer id="footer" style="height: 3.7rem;">
    <div class="footer-div fl">
        <a href="shouye.html">
            <img src="images/footer-1new.png" alt="">
        </a>

        <p>发现</p>
    </div>
    <div class="footer-div fl">
        <img src="images/footer-2.png" alt="">
        <p>视频</p>
    </div>
    <div class="footer-div fl">
        <a href="me.html">
            <img src="images/footer-3.png" alt="">
        </a>

        <p>我的</p>
    </div>
    <div class="footer-div fl">
        <img src="images/footer-4.png" alt="">
        <p>朋友</p>
    </div>
    <div class="footer-div fl">

        <a href="account.html">
            <img src="images/footer-5new.png" alt="">
        </a>

        <p>账号</p>
    </div>
</footer>
</body>
</html>